@charset "utf-8";
/* CSS Document @woniu*/

html {
  font-size: 16px;
}
@media screen and (min-width: 280px) {
  html {
    /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
    font-size: calc(100% + 2 * (100vw - 280px) / 20);
    font-size: calc(14px + 2 * (100vw - 280px) / 20);
  }
}
@media screen and (min-width: 375px) {
  html {
    /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
    font-size: calc(100% + 2 * (100vw - 375px) / 39);
    font-size: calc(16px + 2 * (100vw - 375px) / 39);
  }
}
@media screen and (min-width: 414px) {
  html {
    /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
    font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
    font-size: calc(18px + 4 * (100vw - 414px) / 586);
  }
}
@media screen and (min-width: 600px) {
  html {
    /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
    font-size: calc(125% + 4 * (100vw - 600px) / 400);
    font-size: calc(20px + 4 * (100vw - 600px) / 400);
  }
}
@media screen and (min-width: 1000px) {
  html {
    /* 1000px往后是每100像素0.5px增加 */
    font-size: calc(150% + (100vw - 1000px) / 1000);
    font-size: calc(24px + (100vw - 1000px) / 1000);
  }
}

:root{  
  --theme-color:#0064D4;
  --mid-theme-color:#0A2B60;
  --light-theme-color:#1C4587;
  --border-color:#CCCCCC;
  --white-color:#FFFFFF;
  --black-color:#000000;
  --deep-gray-color:#1D1D1D;
  --mid-gray-color:#262626;
  --light-gray-color:#868686;
  --special-color:#01527B;
  --light-special-color:#028BCF;
  --other-color:#DF1D1D;
  --bg-color:#D9D9D9;
}

.clear {
    clear: both;
}
.color-white{color: #fff;}
.color-deep-gray{color: var(--deep-gray-color);}
.color-light-gray{color: var(--light-gray-color);}
.color-theme{color: var(--theme-color);}
.color-special{color: var(--special-color);}
.color-other{color: var(--other-color);}
.color-bg{color: var(--bg-color);}

.bg-color{background-color:var(--bg-color);}
.bg-wcolor{background-color:var(--white-color);}
.bg-theme-color{background-color:var(--theme-color);}
.bg-special-color{background-color:var(--special-color);}
.bg-other-color{background-color:var(--other-color);}

body{
  font:'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif
}

.layui-fluid,
.layui-container{padding: 0;}

.plr01{padding-left: .1rem;padding-right: .1rem;}

.pt05,.ptb05,.pall05{padding-top: .5rem;}
.pt1,.ptb1,.pall1{padding-top: 1rem;}
.pt15,.ptb15,.pall15{padding-top: 1.5rem;}
.pt2,.ptb2,.pall2{padding-top: 2rem;}
.pt3,.ptb3,.pall3{padding-top: 3rem;}

.pb05,.ptb05,.pall05{padding-bottom: .5rem;}
.pb1,.ptb1,.pall1{padding-bottom: 1rem;}
.pb15,.ptb15,.pall15{padding-bottom: 1.5rem;}
.pb2,.ptb2,.pall2{padding-bottom: 2rem;}
.pb3,.ptb3,.pall3{padding-bottom: 3rem;}

.pl05,.plr05,.pall05{padding-left: .5rem;}
.pl1,.plr1,.pall1{padding-left: 1rem;}
.pl15,.plr15,.pall15{padding-left: 1.5rem;}
.pl2,.plr2,.pall2{padding-left: 2rem;}
.pl3,.plr3,.pall3{padding-left: 3rem;}

.pr05,.plr05,.pall05{padding-right: .5rem;}
.pr1,.plr1,.pall1{padding-right: 1rem;}
.pr15,.plr15,.pall15{padding-right: 1.5rem;}
.pr2,.plr2,.pall2{padding-right: 2rem;}
.pr3,.plr3,.pall3{padding-right: 3rem;}


.mt05,.mtb05,.mall05{margin-top: .5rem;}
.mt1,.mtb1,.mall1{margin-top: 1rem;}
.mt15,.mtb15,.mall15{margin-top: 1.5rem;}
.mt2,.mtb2,.mall2{margin-top: 2rem;}
.mt3,.mtb3,.mall3{margin-top: 3rem;}

.mb05,.mtb05,.mall05{margin-bottom: .5rem;}
.mb1,.mtb1,.mall1{margin-bottom: 1rem;}
.mb15,.mtb15,.mall15{margin-bottom: 1.5rem;}
.mb2,.mtb2,.mall2{margin-bottom: 2rem;}
.mb3,.mtb3,.mall3{margin-bottom: 3rem;}


.ml05,.mlr05,.mall05{margin-left: .5rem;}
.ml1,.mlr1,.mall1{margin-left: 1rem;}
.ml15,.mlr15,.mall15{margin-left: 1.5rem;}
.ml2,.mlr2,.mall2{margin-left: 2rem;}
.ml3,.mlr3,.mall3{margin-left: 3rem;}

.mr05,.mlr05,.mall05{margin-right: .5rem;}
.mr1,.mlr1,.mall1{margin-right: 1rem;}
.mr15,.mlr15,.mall15{margin-right: 1.5rem;}
.mr2,.mlr2,.mall2{margin-right: 2rem;}
.mr3,.mlr3,.mall3{margin-right: 3rem;}

.wwbreadcrumb a,
.wwbreadcrumb a:hover,
.wwbreadcrumb span[lay-separator]{color: var(--white-color)!important;}
.breadcrumb a,
.breadcrumb span[lay-separator]{color: var(--mid-gray-color)!important;}
.breadcrumb a:hover{color: var(--theme-color)!important;}

a.wslink,
a.wlink,
a.wllink,
a.wwlink,
a.wwlink:hover,
a.lwlink:hover,
a.bwlink:hover{color: var(--white-color);}
a.bwlink{color: var(--black-color);}
a.dglink{color: var(--deep-gray-color);}
a.mglink{color: var(--mid-gray-color);}
a.lwlink,
a.lglink{color: var(--light-gray-color);}
a.clink,
a.tslink,
a:hover{color: var(--theme-color);}
a.wllink:hover{color: var(--light-theme-color);}
a.tslink:hover,
a.wslink:hover{color: var(--special-color);}

.fr{float: right;}
.fl{float: left;}

.fw{font-weight: bold;}
.fn{font-weight: normal;}

.tleft{text-align: left;}
.tright{text-align: right;}
.tcenter{text-align: center;}

.lh1{line-height: 1rem;}
.lh125{line-height: 1.25rem;}
.lh15{line-height: 1.5rem;}
.lh2{line-height: 2rem;}
.lh25{line-height: 2.5rem;}
.lh3{line-height: 3rem;}
.lh4{line-height: 4rem;}
.lh5{line-height: 5rem;}

.fs05{font-size: .5rem;}
.fs075{font-size: .75rem;}
.fs1{font-size: 1rem;}
.fs125{font-size: 1.25rem;}
.fs15{font-size: 1.5rem;}
.fs2{font-size: 2rem;}
.fs25{font-size: 2.5rem;}
.fs3{font-size: 3rem;}

.elip5,
.elip4,
.elip3,
.elip2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.elip5{-webkit-line-clamp: 5;}
.elip4{-webkit-line-clamp: 4;}
.elip3{-webkit-line-clamp: 3;}
.elip2{-webkit-line-clamp: 2;}

.hideelement{display: none;}

.space-wcdiv,
.enlargeimg p{overflow: hidden;}
.enlargeimg img{transition: all .5s;}
.enlargeimg:hover img{
  transform: scale(1.1);
  transition: all .5s;
}

.imgbfb{width:100%;}
.imgbf80{width: 80%;}
.imgbf60{width: 60%;}
.imgbf40{width: 40%;}

.bordersb1{border-width: 0 0 .0625rem 0;}
.bordersb2{border-width: 0 0 .125rem 0;}
.borderdb1{border-width: 0 0 .0625rem 0}
.borderdb2{border-width: 0 0 .125rem 0}
.borderdall1{border-width: .0625rem}
.bordersall1{border-width: .0625rem;}
.borderstb1{border-width: .0625rem 0;}
.borderdtb1{border-width: .0625rem 0;}
.borderall-double3{border: .1875rem double;}
.borderb3-double3{
  border-width: 0 0 .1875rem 0;
  border-style: double;  
}
.bordersb1,.bordersb2,.borderdb1,.borderdb2,.borderdall1,.bordersall1,.borderstb1,.borderdtb1,.borderall-double3,.borderb3-double3{border-color:#cccccc;}
.bordersb1,.bordersb2,.bordersall1,.borderstb1{border-style: solid;}
.borderdb1,.borderdb2,.borderdall1,.borderdtb1{border-style: dashed;}

hr {border-bottom: .0625rem solid var(--border-color) !important;}

.details-table table{
  width: 100%!important;
  border-collapse: collapse;
}
.details-table th,
.details-table td:first-child{width: 20%;}
.details-table th,
.details-table td:not(:first-child){
  white-space:normal;
  word-break:break-all;
  word-wrap: break-word;
  width: auto!important;
}
.details-table table,
.details-table th,
.details-table td{
  padding-left: .625rem;
  border: .0625rem solid var(--border-color);
  word-wrap: break-word;
  word-break: break-all;
}
.details-table table th,
.details-table table td:first-child{
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  font-weight: bold;
}
.details-table img{
  width: 100%;
  margin: .3125rem 0;
}

.pagediv a:hover,
.pagediv .cpage{
  background-color: #0077c3;
  color: #fff;
}
[class^="pagediv"] a,[class^="pagediv"] span{
  border: .0625rem solid #cccccc;
  background-color:#ffffff;
  color: #262626;
  padding: .35rem .45rem;
}

.baise{ background:#fff;}
.huise{ background:#efefef;}
.heibai{ background:#ececec;}
.huihei{ background:#303030;}